import React, { Component } from 'react'

export default class App extends Component {
    state = {
        htmlStr: '<h1 style="color: red">拼搏到无能为了</h1>'
    }
    render() {
        return (
            <div>
                App

                {this.state.htmlStr}

                {/* 空标签 */}
                <></>
                {/* 也是空标签 */}
                <React.Fragment></React.Fragment>

                {/* 在 vue 中可以使用 v-html 解决渲染标签问题 */}
                {/* 在 React 中可以通过 dangerouslySetInnerHTML 方法来解决渲染问题 */}
                <div dangerouslySetInnerHTML={{ __html: this.state.htmlStr }}></div>

            </div>
        )
    }
}
